Преимущество multipart/form-data перед application/x-www-form-urlencoded

[Ramundo]

Сейчас читаю https://learn.javascript.ru/xhr-forms, и там пишут следующее:

"multipart/form-data - такой способ используется в первую очередь при пересылке файлов, так перекодировка мегабайтов через urlencoded существенно загрузила бы браузер. Да и объём данных после неё сильно вырос бы.

Однако, никто не мешает использовать эту кодировку всегда для POST запросов. Для GET доступна только urlencoded.

Сделать POST-запрос в кодировке multipart/form-data можно и через XMLHttpRequest.

Достаточно указать в заголовке Content-Type кодировку и границу, и далее сформировать тело запроса, удовлетворяющее требованиям кодировки.

Пример кода для того же запроса, что и раньше, теперь в кодировке multipart/form-data:"

var data = {
  name: 'Виктор',
  surname: 'Цой'
};

var boundary = String(Math.random()).slice(2);
var boundaryMiddle = '--' + boundary + '\r\n';
var boundaryLast = '--' + boundary + '--\r\n'

var body = ['\r\n'];
for (var key in data) {
  // добавление поля
  body.push('Content-Disposition: form-data; name="' + key + '"\r\n\r\n' + data[key] + '\r\n');
}

body = body.join(boundaryMiddle) + boundaryLast;

// Тело запроса готово, отправляем

var xhr = new XMLHttpRequest();
xhr.open('POST', 'server.php', true);

xhr.setRequestHeader('Content-Type', 'multipart/form-data; boundary=' + boundary);

xhr.onreadystatechange = function() {
  if (this.readyState != 4) return;

  alert( this.responseText );
}

xhr.send(body)

Так вот, я затестил этот метод, и он отправляет на сервер 183 байта (в PHP значение $_SERVER["content-length"] = 183).

Затем использовал обычный метод (application/x-www-form-urlencoded):

var  name = 'Виктор';
  var surname = 'Цой';
var xhr = new XMLHttpRequest();

var body = 'name=' + encodeURIComponent(name) +
  '&surname=' + encodeURIComponent(surname);

xhr.open("POST", 'server.php', true)
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')

xhr.onreadystatechange = ...;

xhr.send(body);

В результате $_SERVER["content-length"] = 32 байта. На сервер пришло почти в 6 раз меньше. Нагрузка на него тоже меньше, получается.


Значит, для посылки обычного текста лучше использовать application/x-www-form-urlencoded?

[Ramundo]

Ramundo, затести на кириллице, по твоей ссылке:

Передаю теперь только это через application/x-www-form-urlencoded :

var name = "Термин историография имеет несколько значений. Во-первых, это наука о том, как пишется история, насколько правильно";

В результате $_SERVER[CONTENT_LENGTH] => 216


И только это через multipart/form-data :

var data = {
  name: "Термин историография имеет несколько значений. Во-первых, это наука о том, как пишется история, насколько правильно" 
 };

В результате $_SERVER[CONTENT_LENGTH] => 304

[Ramundo]

1) multipart/form-data:

var data = {
  name: "test"
 };

$_SERVER[CONTENT_LENGTH] => 97


2)application/x-www-form-urlencoded:

var name = "test";

$_SERVER[CONTENT_LENGTH] => 9

[Ramundo]

Сорри, перепутал местами результаты. Поправил. Глянь еще раз. Я щас еще извращаюсь , передаю большое количество символов на кирилице и на латыни. И всегда multipart/form-data-способ "приносит" на плюс-минус 100 байт больше

[Ramundo]

Короче, в основном выходит так:
Если передаю два-три слова, то application/x-www-form-urlencoded выигрывает сильно. Раз в 8-9.

Если 100+ символов, то application/x-www-form-urlencoded выигрывает на примерно 100 байт. И если передавать стену текста, то можно пожертвовать 100 байтами и использовать multipart/form-data, чтобы не грузить пользовательский браузер перекодировкой. Ну, это я типа так понял

[Ramundo]

У тебя показывается длина текста, у меня байты, что приходят на сервер

Я еще с php-шниками пообщаюсь насчет этого, напишу , че ответили потом. Нужно разобрать это дерьмо)

[Ramundo]

Ramundo, твои тесты не верные смотри пост#7.

ты шаришь в PHP? Не знаешь , как узнать, какой объем данных пришел на сервер? Я знаю только способ прочесть заголовок $_SERVER[CONTENT_LENGTH]. Может он неверный.

[Alexandroppolus]

Ramundo,

на мелких текстах multipart/form-data проиграет, потому что там разделители, и т.д.

На латинице тоже не выиграет, латиница передается как есть (всегда 1 байт на символ), и опять же будут разделители.

Но кириллица передается в multipart/form-data в кодировке utf8, это 2 байта на символ. А в application/x-www-form-urlencoded на одну русскую букву приходится 6 байт. Можешь сам посчитать, с какого момента (при той или иной длине разделителей и их количестве) multipart/form-data сможет выиграть.

[fuckingquest]

в кодировке multipart/form-data

Это кодировка?